<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>欢迎页面</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="__ADMIN__/css/font.css">
<link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
<script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
<script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
</head>
<body>
<style>
body{background:#EAEEF1;font-family: "微软雅黑", "新宋体", Arial, sans-serif;}
.welcome-p{width:1682px;height:890px;margin: auto; position:relative}
.welcome-lt,.welcome-lb,.welcome-rt,.welcome-rc ,.welcome-rb{background:#fff; border-radius:5px ;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);}
.welcome-lt {
    position: absolute;
    top: 50px;
    left: 80px;
    width: 434px;
    height: 224px;
    padding: 18px 33px 30px 33px;
}
.lt-name,.lt-qdl{font-size: 17px;font-weight: 800;text-align: center;color: #fff;border-radius: 5px;}
.lt-name{background: #009788;width: 140px;height: 37px;line-height: 37px;float: left;margin-right:7px;}
.lt-qdl{background: #009788;width: 287px;height: 37px;line-height: 37px;float: left}
.lt-byyj,.lt-bmpm,.lt-gspm{width: 140px;height: 175px;border-radius: 5px;float: left;margin-top:9px;color:#77808B}
.lt-byyj{background:#EAEEF1;margin-right:7px;}
.lt-bmpm{background:#EAEEF1;margin-right:7px;}
.lt-gspm{background:#EAEEF1;}
.lt-byyj h1,.lt-bmpm h1,.lt-gspm h1{font-size: 22px;font-weight: 0;text-align: center;color: #77808B;line-height:85px;}
.lt-byyj p,.lt-bmpm p,.lt-gspm p{font-size: 22px;font-weight: 0;text-align: center;color: #77808B;line-height: 70px;}

.welcome-lb{position:absolute;bottom: 52px;left: 80px;width:410px;height:435px; padding:25px 45px ; overflow:hidden;}
.lb-byhdcc{height:35px; width:100%;background-image: linear-gradient(to right, #9470FF, #FE5C9F); line-height: 35px;font-size: 20px;text-align: center;color: white;border-radius: 12px;}
.lb-table-head{background-image: linear-gradient(to top, #E1AFCC, #7732E3); line-height: 40px;height: 40px;margin-top: 10px;border-radius: 20px}
.lb-table-head h1{float:left;color:#fff;font-weight: 800;font-size: 17px}
.lb-table-head .mc{margin-left: 10px;}
.lb-table-head .xm{margin-left: 70px;}
.lb-table-head .ssbm{margin-left: 80px;}
.lb-table-head .yj{margin-right: 20px;float: right;}
.lb-table-row1{ margin-top: 6px;height: 48px;line-height: 48px; background: #fff;border-radius: 10px}
.lb-table-row h1{ color: #D91E07;font-size: 17px;}
.lb-table-row .xm{color: #000;margin-left: 10px;width: 51px;}
.lb-table-row .mc{width: 20px;height: 20px;text-align: center;line-height: 20px;color: #707483;background: #E6EDF3;border-radius: 50%;}

.lb-table-row .tx {border-radius: 50%;margin: 0 0 0 3px;width: 20px;height: 20px;float:left;}
.lb-table-row .tx img{width: 20px;height: 20px;border-radius: 100%;}

.lb-table-row .ssbm{margin-left: 55px;}
.lb-table-row .yj{margin-right: 15px;float: right; font-weight:bold;font-size:21px;text-align:center;width:50px}
.row-no1{}
.row-no1 .tx img{width: 21px; height: 21px;border: 1px solid #FBCB4C;}
.row-no1 .mc{line-height: 20px;border-radius: 50%;font-style: normal;color: #fff;background: url(https://shark2.douyucdn.cn/front-publish/live-player-aside-master/assets/images/first_287ce28.png) no-repeat;vertical-align: middle;width: 22px;padding-top: 4px;height: 16px;text-align: center;font-size: 12px;}
.row-no2{}
.row-no2 .tx img{width: 21px; height: 21px;border: 1px solid #D0D7E9;}
.row-no2 .mc{line-height: 20px;border-radius: 50%;font-style: normal;color: #fff;background: url(https://shark2.douyucdn.cn/front-publish/live-player-aside-master/assets/images/second_6b60ef2.png) no-repeat;vertical-align: middle;width: 22px;padding-top: 4px;height: 16px;text-align: center;font-size: 12px;}
.row-no3{}
.row-no3 .tx img{width: 21px; height: 21px;border: 1px solid #F4913F;}
.row-no3 .mc{line-height: 20px;border-radius: 50%;font-style: normal;color: #fff;background: url(https://shark2.douyucdn.cn/front-publish/live-player-aside-master/assets/images/third_f476135.png) no-repeat;vertical-align: middle;width: 22px;padding-top: 4px;height: 16px;text-align: center;font-size: 12px;}

.welcome-rt{width:451px;
    height: 238px;
    padding:16px;    
    position: absolute;
    top: 50px;
    right: 83px;
    border-radius: 5px
}
.rt-gsgj-title{width: 448px; height: 90px; background-image: linear-gradient(to left, #A3DBF4, #2AADE3); text-align: center;color: #fff;border-radius: 7px}
.rt-gsgj-title h1{height: 45px;line-height: 45px;font-weight: 800;font-size: 36px}
.rt-gsgj-title h2{height: 35px;line-height: 35px;font-size: 26px}
.rt-gsgj{margin-top:10px;}
.rt-gsgj-no,.rt-gsgj-avatar,.rt-gsgj-name {width: 33%;float: left;text-align: center;color:#4FADD4}
.rt-gsgj-no { height: 150px;line-height: 150px; font-size: 25px; font-weight:800}
.rt-gsgj-avatar-img{background: url(/static/admin/images/welcome/no1.png) center no-repeat; background-size: 149px 141px;width:149px;height: 141px;margin: 5px auto}
.rt-gsgj-avatar-img img{width: 118px;height: 118px; border-radius: 100%;margin: 16.5px 0 0 18.5px;}
.rt-gsgj-name { height: 150px;line-height: 150px; font-size: 25px; font-weight:800}

.welcome-rc{width:451px;
    height: 238px;
    padding:16px;    
    position: absolute;
    top: 50px;
    right: 590px;
    border-radius: 5px
}
.rc-gsgj-title{width: 448px; height: 90px; background-image: linear-gradient(to left, #CDCBF6, #8F91F4); text-align: center;color: #fff;border-radius: 7px}
.rc-gsgj-title h1{height: 45px;line-height: 45px;font-weight: 800;font-size: 36px}
.rc-gsgj-title h2{height: 35px;line-height: 35px;font-size: 26px}
.rc-gsgj{margin-top:10px;}
.rc-gsgj-no,.rc-gsgj-avatar,.rc-gsgj-name {width: 33%;float: left;text-align: center;color:#8F91F4}
.rc-gsgj-no { height: 150px;line-height: 150px; font-size: 25px; font-weight:800}
.rc-gsgj-avatar-img{background: url(/static/admin/images/welcome/no1.png) center no-repeat; background-size: 149px 141px;width:149px;height: 141px;margin: 5px auto}
.rc-gsgj-avatar-img img{width: 118px;height: 118px; border-radius: 100%;margin: 16.5px 0 0 18.5px;}
.rc-gsgj-name { height: 150px;line-height: 150px; font-size: 25px; font-weight:800}

.welcome-rb{
    padding:33px 16px;
    height: 419px;
    width: 960px;
    position: absolute;
    bottom: 52px;
    right: 83px;
    border-radius: 5px
}
.rb-title{width: 958px; height: 90px; margin-bottom:31px; background-image: linear-gradient(to left, #05CDBA, #0A9286); text-align: center;color: #fff;border-radius: 7px}
.rb-title h1{height: 45px;line-height: 45px;font-weight: 800;font-size: 36px}
.rb-title h2{height: 35px;line-height: 35px;font-size: 26px}
.rb-list{width: 472px; display:inline-block}
.rb-list .tx{float:none !important}
</style>
<div class="x-body" style="padding: 5px 0 0 0">
    <div class="welcome-p">
        <div class="welcome-lt">
            <div class="lt-name">{$ltData.name}</div>
            <div class="lt-qdl">本月签单数量：{$ltData.month_qd_count}单</div>
            <div class="lt-byyj"><h1>本月业绩</h1><p>{$ltData.month_performance_sum}</p></div>
            <div class="lt-bmpm"><h1>部门排名</h1><p>第{$ltData.month_performance_sum?$ltData.month_depart_rank:'*'}名</p></div>
            <div class="lt-gspm"><h1>公司排名</h1><p>第{$ltData.month_performance_sum?$ltData.month_company_rank:'*'}名</p></div>
        </div>
        <div class="welcome-lb">
            <table class="layui-table" lay-size="sm" lay-even>
              <colgroup>
                <col width="80">
                <col width="90">
                <col width="110">
                <col>
              </colgroup>
              <thead>
                <tr style="background:#009788;border-radius:5px;color:#fff;">
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">名次</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">姓名</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">所属部门</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">业绩</th>
                </tr> 
              </thead>
              <tbody>
                {volist name="lbData" id="v"}
                <tr class="lb-table-row row-no{$key+1}">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">{$key+1}</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="/admin.php/ds/avatar/?id={$v.id}"></h1>{$v.name}</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">{$v.depart_name}</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">{$v.month_performance}</td>
                </tr>
                {/volist}
              </tbody>
            </table>
          
        </div>
      
      
      
      <div class="welcome-rt">
        <div class="rt-gsgj-title">
          <h1>8月冠军部门</h1>
          <h2>Department champion</h2>
        </div>
        <div class="rt-gsgj">
          <div class="rt-gsgj-no">
            NO.1
          </div>
          <div class="rt-gsgj-avatar">
            <div class="rt-gsgj-avatar-img">
              <img src="/uploads/avatar/depart_{$rtData.id}.jpg">
            </div>
          </div>

          <div class="rt-gsgj-name">
            {$rtData.name}
          </div>
        </div>
      </div>
      
      <div class="welcome-rc">
        <div class="rc-gsgj-title">
          <h1>8月公司冠军</h1>
          <h2>Department champion</h2>
        </div>
        <div class="rc-gsgj">
          <div class="rc-gsgj-no">
            NO.1
          </div>
          <div class="rc-gsgj-avatar">
            <div class="rc-gsgj-avatar-img">
              <img src="/admin.php/ds/avatar/?id={$rcData.id}">
            </div>
          </div>

          <div class="rc-gsgj-name">
            {$rcData.name}
          </div>
        </div>
      </div>
      
      <div class="welcome-rb">
        <div class="rb-title">
            <h1>月度冠军列表</h1>
            <h2>Monthly champion list</h2>
        </div>
        <div class="rb-list" style="margin-right:12px">
            <table class="layui-table" lay-size="sm" lay-even>
              <colgroup>
                <col width="90">
                <col width="90">
                <col width="90">
                <col>
              </colgroup>
              <thead>
                <tr style="background:#009788;border-radius:5px;color:#fff;">
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">月份</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">照片</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">姓名</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">所属部门</th>
                </tr> 
              </thead>
              <tbody>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
              </tbody>
            </table>
        </div>
        <div class="rb-list">
            <table class="layui-table" lay-size="sm" lay-even>
              <colgroup>
                <col width="90">
                <col width="90">
                <col width="90">
                <col>
              </colgroup>
              <thead>
                <tr style="background:#009788;border-radius:5px;color:#fff;">
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">月份</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">照片</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">姓名</th>
                  <th style="text-align:center;font-size:18px;height:26px;line-height:26px;font-weight:800" align="center">所属部门</th>
                </tr> 
              </thead>
              <tbody>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
                <tr class="lb-table-row">
                  <td style="font-size:14px;line-height:26px;height:26px;" align="center"><h1 class="mc">1</h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;"><h1 class="tx"><img src="https://thirdwx.qlogo.cn/mmopen/vi_32/eEOpSbFh2MZ7MBsbiac725vItseVLFsKnYINHLGwQQjzRF8zYkpqib8iaGtTr23wPeibexAKLwwGl1DONEJ8qHa7nw/132"></h1></td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">罗梦璇</td>
                  <td align="center" style="color:#77808B;font-size:14px;line-height:26px;height:26px;">星权科技</td>
                </tr>
              </tbody>
            </table>
        </div>
        
        
        
      </div>
      
      
    </div>
</div>
</body>
</html>